@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

body{
	min-width: 1280px;
}

main{
	.top{
		padding: 1vw 66vw 20vw 21vw;
		background-image: url(../img/homeBg.png);
		background-repeat: no-repeat;
		
		
		background-size: cover;
		.navTop{
			display: flex;
			width: 10vw;
			justify-content: space-between;
			margin-bottom: 9vw;
			span{
				white-space: nowrap;
				height: 1vw;
				font-size: 1vw;
				font-weight: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
		.navBottom{
			h1{
				white-space: nowrap;
				font-size: 3vw;
				font-weight: normal;
				font-stretch: normal;
				line-height: 1vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
			h2{
				font-size: 1vw;
				font-weight: normal;
				font-style: italic;
				font-stretch: normal;
				line-height: 4vw;
				letter-spacing: 0vw;
				color: #ffffff;
			}
		}
	}
	.bottom{
		padding: 4vw 20vw 9vw 25vw;
		background-color: #FFFFFF;
		.content{
			display: flex;
			justify-content: space-between;
			.left{
				span{
					font-size: 1.5vw;
					font-weight: normal;
					font-stretch: normal;
					line-height: 1vw;
					letter-spacing: 0vw;
					color: #12151c;
					white-space: nowrap;
					
				}
			}
			.right{
				width: 44vw;
				padding-top: 1vw;
				position: relative;
				.slash{
					position: absolute;
					height: 1vw;
					width: 18.5vw;
					border-bottom: 1px solid #a8a8a8;
					transform: rotate(130deg);
					top: 13vw;
					left: 4vw;
				}
				.rTop{
					margin-left: 1vw;
					p{
						height: 2vw;
						font-size: 1vw;
						font-weight: normal;
						font-style: italic;
						font-stretch: normal;
						line-height: 2vw;
						letter-spacing: 0vw;
						color: #525252;
						background-color: #efefef;
					}
				}
			.rMiddle{
				margin-top: 4vw;
				margin-bottom: 4vw;
				display: flex;
				justify-content: space-between;
				.rLeft{
					position: relative;
					h1{
						position: absolute;
						right: -1.2vw;
						top: -0.8vw;
						font-size: 2vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0vw;
						color: #525252;
						
					}
					h2{
						margin-top: 2vw;
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0vw;
						color: #525252;
					}
				}
				.rRight{
					padding-top: 3vw;
					p{
						margin: 2vw auto;
						width: 24vw;
						font-size: 0.8vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0vw;
						color: #525252;
						opacity: 0.9;
					}
				}
			}
			.rImage{
				.imgTop{
					display: flex;
					justify-content: space-between;
					margin-bottom: 3vw;
					.imgL{
						width: 25vw;
						height: 14vw;
						overflow: hidden;
						img{
							width: 100%;
						}
					}
					.imgR{
						width: 18vw;
						height: 16vw;
						overflow: hidden;
						img{
							width: 100%;
						}
					}
				}
				.imgBottom{
					width: 44vw;
					height: 14vw;
					img{
						width: 100%;
					}
				}
			}
		  }
		}
	}
}